const path = require('path')
function resolve(dir) {
  return path.join(__dirname, dir)
}
module.exports = {
  // 基本路径
  // 将来打包后的文件引用的公共路径
  // publicPath: '/',

  // 输出目录
  // 当运行 vue-cli-service build 时生成的生产环境的构建文件的目录
  // outputDir: 'dist',

  // 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录
  // （默认：''）
  // assetsDir: '',

  // 是否在保存的时候使用 'eslint --fix' 对所有 .js 或 .vue 文件进行 lint 校验
  lintOnSave: false,
  // 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建
  productionSourceMap: false,

  // dev 本地开发服务器
  devServer: {
    // 开发服务器端口
    port: 2999,
    // 是否自动打开浏览器
    open: false,
    // 代理配置
    proxy: {
      '/dev': {
        target: process.env.VUE_APP_BASE_API,
        changeOrigin: true,
        pathRewrite: {
          '^/dev': ''
        }
      }
    }
    // 其他 devServer 配置项...
  },
  // 配置 CSS 相关选项
  css: {
    loaderOptions: {
     
    }
  },

  // 配置 webpack
  configureWebpack: {
    // 这是一个直接修改 webpack 配置对象的途径
    // 如果你需要基于环境修改配置，或者需要基于某些条件使用不同的插件，可以在这里做

    resolve: {
      alias: {
        '@': resolve('src')
      }
    }
  }
}
